<?php 

 ?>
<link rel="stylesheet" href="<?php echo $this->template->url_theme; ?>css/register.css" />
 <div id="loginform1">
	<a href="#" class="register-link">Đăng ký</a>|<a href="#" class="login-link">Đăng nhập</a>
</div>

	
<!-- Login Form -->
<div class="ajax-login-register-login-container" title="Đăng nhập" style="display: none;">
		<form action="javascript://" class="ajax-login-default-form-container login_form wide">
		
		<div class="form-wrapper">
			<div class="noon"><input type="text" name="user_login" placeholder="Tên đăng nhập" required /></div>
			<div class="noon"><input type="password" name="password" placeholder="Mật khẩu" size="30" required /></div>
			<label for="remember" style="display: none;">
				<input type="checkbox" name="remember" id="remember" />
				<span class="meta">Ghi nhớ.</span>
			</label>
							
			<div class="button-container">
				<input class="login_button green" type="submit" value="Đăng nhập" accesskey="p" name="submit" />
			</div>
		</div>
						<div class="fb-login-container">
				<a href="#" class="fb-login"><img src="<?php echo $this->template->url_theme; ?>/images/fb-login-button.png" /></a>
			</div>
					<div class="clear" style="height:10px"></div>
		<div class="bottom">
			<a href="<?php echo user_url('lostpassword'); ?>" title="Quên mật khẩu?">Quên mật khẩu?</a>
			<div style="float:right"><a href="/wp-login.php?action=register" class="register-link" title="Đăng ký">Đăng ký</a></div>
		</div>
	</form>
</div>
<!-- End Login Form -->

<!-- Register Modal -->
    <div class="ajax-login-register-register-container" title="Đăng ký"  style="display: none;">
		<div class="note">Hoàn toàn MIỄN PHÍ & cơ hội chơi game trúng thưởng tại <B>ĐẤU TRƯỜNG</B></div>
<form action="javascript://" name="registerform" class="ajax-login-default-form-container register_form wide">
	
	<div class="form-wrapper">
		<div class="ajax-login-register-status-container">
		<div class="ajax-login-register-msg-target"></div>
		</div>
		<div class="noon"><input type="text" name="email" class="user_email ajax-login-register-validate-email"  placeholder="Email" required/>
		<span class="remark" onmouseover="tooltip.show('&lt;span&gt;Vui lòng nhập chính xác Email của bạn để có thể nhận thưởng trong &lt;bgt;ĐẤU TRƯỜNG&lt;b&gt; (nếu có).&lt;/span&gt;');" onmouseout="tooltip.hide();">?</span></div>
		<div class="noon"><input type="text" name="login" class="user_login"   placeholder="Tên đăng nhập" required/>
		<span class="remark" onmouseover="tooltip.show('&lt;span&gt;Vui lòng ghi nhớ tên đăng nhập để đăng nhập lần sau.&lt;/span&gt;');" onmouseout="tooltip.hide();">?</span></div>
		<div class="noon"><input type="password" name="password" class="user_password"  required  placeholder="Mật khẩu" />
		<span class="remark" onmouseover="tooltip.show('&lt;span&gt;Vui lòng ghi nhớ mật khẩu để đăng nhập lần sau.&lt;/span&gt;');" onmouseout="tooltip.hide();">?</span></div>
		<div class="noon"><input type="password" name="confirm_password" class="user_confirm_password"  value="" required/>
		<span class="remark" onmouseover="tooltip.show('&lt;span&gt;Bạn phải nhập chính xác mật khẩu vừa nhập ở khung trên.&lt;/span&gt;');" onmouseout="tooltip.hide();">?</span></div>
		<div class="button-container">
			<input class="register_button green" type="submit" value="Đăng ký" accesskey="p" name="register"/>
		</div>
	</div>
	<div class="fb-login-container">
	<a href="#" class="fb-login"><img src="<?php echo $this->template->url_theme; ?>images/fb-login-button.png" /></a>
	</div>
</form>
	</div>
<!-- End 'modal' -->

<script type="text/javascript">
	$(function (){
		$(document.body).click(function (e){
			try {
			if ($('.ajax-login-register-login-container').dialog('isOpen')
			&& !jQuery(e.target).is('.ui-dialog, a')
			&& !jQuery(e.target).closest('.ui-dialog').length
			) {
				$('.ajax-login-register-login-container').dialog('close');
			}} catch (e){}
			try {
			if ($('.ajax-login-register-register-container').dialog('isOpen')
			&& !jQuery(e.target).is('.ui-dialog, a')
			&& !jQuery(e.target).closest('.ui-dialog').length
			) {
				$('.ajax-login-register-register-container').dialog('close');
			}} catch (e){}
		});
		$('.login-link').click(function (){
			$('.ajax-login-register-login-container').dialog({
				modal: true,
				closeOnEscape: true,resizable: false
			});
			return false;
		});
		$('.register-link').click(function (){
			$('.ajax-login-register-register-container').dialog({
				modal: true,closeOnEscape: true,resizable: false
			});
			return false;
		});
		
		//
		$loginfrm = $('.login_form');
		$loginfrm.submit(function (){
			var euserlogin = $loginfrm.find('[name="user_login"]');
			var epasswd = $loginfrm.find('[name="password"]');
			var esubmit = $loginfrm.find('[type="submit"]');
			$(esubmit).unbind('mouseenter mouseleave');
			if ($(euserlogin).val() && $(epasswd).val()) {			
				$.post ('<?php echo base_module_url('user', 'login'); ?>', {
					user_login: $(euserlogin).val(),
					password: $(epasswd).val(),
				}, function (re){
					if (re =='1') {
						//success
						$(euserlogin).addClass('inputok');
						$(epasswd).addClass('inputok');
						alert("Đăng nhập thành công!");
						location.reload();
						
					}else {
						$(euserlogin).addClass('inputerror');
						$(epasswd).addClass('inputerror');
						alert("Tên đăng nhập hoặc mật khẩu không đúng.");
					}
				});
			} else {
				$(euserlogin).addClass('inputerror');
				$(epasswd).addClass('inputerror');
				alert('Vui lòng điền tên đăng nhập và mật khẩu');
			}
			return false;
		});
		
		//
		var regex_mail = new RegExp(<?php echo $this->muser->regex_email ; ?>);
		var username_regex = new RegExp(<?php echo $this->muser->regex_username ; ?>);
		
		$form = $('[name="registerform"]');
		$form.find('[name="email"]').change(function  (){
			
			if (regex_mail.test(this.value)) {
				$(this).unbind('mouseenter mouseleave');
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
						field: 'email',
						value: this.value
						} ,function (re){
							if (re == '0') {
								$(dis).addClass('inputok');
								$(dis).removeClass('inputerror');
							}else {
								$(dis).removeClass('inputok');
								$(dis).addClass('inputerror');
								alert('Email này đã được sử dụng. Vui lòng chọn email khác.');
							}
					})
				
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert("Email không đúng định dạng.");
			}
		});
		$form.find('[name="login"]').change(function (){
			if (username_regex.test(this.value)) {
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
					field: 'account',
					value: this.value
					} ,function (re){
					console.log(re);
					if (re == '0') {
						$(dis).addClass('inputok');
						$(dis).removeClass('inputerror');
						}else {
						$(dis).removeClass('inputok');
						$(dis).addClass('inputerror');
						alert('Tên đăng nhập này đã được sử dụng. Vui lòng chọn tên đăng nhập khác.');
					}
				})
				
				}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Tên đăng nhập không đúng định dạng. <br /> Tên đăng nhập chỉ được sử dụng các kí tự <br />a-zA-Z0-9 và dấu chấm (.)');
			}
		});
		$form.find('[name="password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value) {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Cần điền mật khẩu');
			}
		});
		$form.find('[name="confirm_password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value && this.value != $form.find('[name="password"]').val()) {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Hai mật khẩu không giống nhau');
			}else {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}
		});
		
		$form.submit(function (){
			var inputs = ['email', 'confirm_password','password','login'];
			var data = {};
			for(index in inputs) {
				element = $form.find('[name="'+inputs[index]+'"]');
				if (element && element.hasClass('inputerror')) {
					alert('Thông tin chưa chính xác.Vui lòng kiểm tra lại.');
					return false;
				}
				data[inputs[index]] = $(element).val();
			}
			//posting to reg;
			$.post('<?php echo base_module_url('user', 'register'); ?>',
				data, function (respone){
					try {
						var obj = JSON.parse(respone);
						alert(obj.msg);
						if (obj.code > 0) {
							$('.ajax-login-register-register-container').dialog('close');
							alert("Đăng ký thành công! Đang tiến hành đăng nhập tự động...");
							location.reload();
						}
					}catch (e){
						alert('Đăng kí không thành công. Vui lòng thử lại');
					}
				});
			return true;
		});
	});
</script>
<style type="text/css">
	form .inputok {
		border: 1px solid rgb(27, 170, 0) !important;
	}
	form .inputerror{
		border: 1px solid rgb(204, 0, 0) !important;
	}
</style>